A Line chart with customised axes

This goes in the documents header:

<script src="../libraries/rgraph.common.core.js" ></script>
<script src="../libraries/rgraph.common.tooltips.js" ></script>
<script src="../libraries/rgraph.common.dynamic.js" ></script>
<script src="../libraries/rgraph.line.js" ></script>

Put this where you want the chart to show up:

<canvas id="cvs" width="600" height="250">
    [No canvas support]
</canvas>

This is the code that generates the chart:

<script>
    new RGraph.Line({
        id: 'cvs',
        data: [7,5,6,9,5,4,7],
        options: {
            spline: true,
            labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
            tooltips: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
            gutterBottom: 35,
            hmargin: 35,
            tickmarks: 'endcircle',
            linewidth: 3,
            noaxes: true,
            ylabelsOffsetx: 35,
            ylabelsOffsety: -13,
            backgroundGridBorder: false,
            backgroundGridVlines: false,
            unitsPost: 'Kg',
            textColor: '#999'
        }
    }).trace2();
</script>